<nz-spin [nzSpinning]="isSpinning">
  <form nz-form [formGroup]="validateForm">
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="2" [nzXs]="24">
        <label for="title" nz-form-item-required>标题</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('title')">
        <nz-input [nzSize]="'large'" formControlName="title" [nzId]="'title'" [(ngModel)]="informationBean.title" name="title"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('title').dirty&&getFormControl('title').hasError('required')">资讯标题不能为空!</div>

      </div>
    </div>

    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="2" [nzXs]="24">
        <label for="subTitle" nz-form-item-required>副标题</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('subTitle')">
        <nz-input [nzSize]="'large'" formControlName="subTitle" [nzId]="'subTitle'" [(ngModel)]="informationBean.subTitle" name="subTitle"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('subTitle').dirty&&getFormControl('subTitle').hasError('required')">资讯副标题不能为空!</div>
      </div>
    </div>
    <!-- <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="2" [nzXs]="24">
                <label for="createPartyId" nz-form-item-required>作者机构</label>
            </div>
            <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('createPartyId')">
                <nz-input [nzSize]="'large'" formControlName="createPartyId" [nzId]="'createPartyId'" [(ngModel)]="informationBean.createPartyId"
                    name="createPartyId"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('createPartyId').dirty&&getFormControl('createPartyId').hasError('required')">作者机构不能为空!</div>
            </div>
        </div>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="2" [nzXs]="24">
                <label for="createUserId" nz-form-item-required>作者</label>
            </div>
            <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('createUserId')">
                <nz-input [nzSize]="'large'" formControlName="createUserId" [nzId]="'createUserId'" [(ngModel)]="informationBean.createUserId"
                    name="createUserId"></nz-input>
                <div nz-form-explain *ngIf="getFormControl('createUserId').dirty&&getFormControl('createUserId').hasError('required')">作者名称不能为空!</div>
            </div>
        </div> -->
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="2">
        <label for="fileUrls">附件</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
        <input type="file" ng2FileSelect [uploader]="fileUploader" (change)="selectedFileOnChanged($event)" />
      </div>
    </div>
    <div nz-form-item nz-row>
      <div *ngIf="showImage!=null" style="margin-left: 50px">
        <div *ngFor="let f of showImage">

          <!-- <img (click)="delete(f)" *ngFor="let f of showImage" src="{{config.IP+config.API.getUpload+f}}" width="40px" height="40px"
            style="margin-left: 10px;" /> -->
          <i class="anticon anticon-file-text">{{f}}</i>

          <a (click)="delete(f)">删除</a>

        </div>
      </div>
    </div>
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="2" [nzXs]="24">
        <label for="content">正文</label>
      </div>
    </div>
  </form>

  <ck-editor name="editor1" [(ngModel)]="informationBean.content" skin="moono-lisa" language="zh-cn" [fullPage]="true"></ck-editor>
  <button nz-button (click)="add()" [nzType]="'primary'">
    <span>添加</span>
  </button>
</nz-spin>
